
var dernierOngletActif = "";
var flyerActif = "";
var numFlyer = 0;


function changeOnglet(id){
   
    if(dernierOngletActif != ''){
        document.getElementById(dernierOngletActif).className = "";
    }
    document.getElementById(id).className = "active";
    dernierOngletActif = id;
}

function changeImage(flyer_path, id_event, nom){
    clearInterval(interval);
    var html = "<a id='lienGrandFlyer' href='detailEvenement.php?idEvent="+id_event+"'>";
    html += "<div class='grandFlyer' id='grand_Flyer' >";
    html += "<img src='"+flyer_path+"' /><div>"+nom+"</div>";
    html +=  "</div></a>";  
    document.getElementById('grandFlyer').innerHTML = html;   
}

function relanceTimer(){
    interval = setInterval('defilementAuto()',5000);
}
/*
function afficheOngletActif(){
    alert(dernierOngletActif);
    document.getElementById(dernierOngletActif).className = "active";
}
 */
function modifierInfo(nom){   
    document.getElementById('modif'+nom).style.display = 'none';
    document.getElementById('cacher'+nom).style.display = 'block';
    document.getElementById('info'+nom).style.display = 'none';
    document.getElementById('form'+nom).style.display = 'block';
}


function associerDJ(){
    document.getElementById('modifDJ').style.display = 'none';
    document.getElementById('cacherDJ').style.display = 'block';
    document.getElementById('formDJ').style.display = 'block';
}

function cacher(nom){
    document.getElementById('cacher'+nom).style.display = 'none';
    document.getElementById('modif'+nom).style.display = 'block';
    document.getElementById('form'+nom).style.display = 'none';
    document.getElementById('info'+nom).style.display = 'block';
}

function afficherZoneCommentaire(){
    document.getElementById('modifComment').style.display = 'none';
    document.getElementById('cacherComment').style.display = 'block';
    document.getElementById('formComment').style.display = 'block';
}

function cacherZoneCommentaire(){
    document.getElementById('modifComment').style.display = 'block';
    document.getElementById('cacherComment').style.display = 'none';
    document.getElementById('formComment').style.display = 'none';
}

function clearRecherche(){
    document.getElementById("inputRecherche").value = "";
}
function clearRecherche2(){
    document.getElementsByName("recherche2")[0].value = "";
}

function rechercheEvents(){
    document.getElementById("resultRechMembres").style.display = 'none';
    document.getElementById("resultRechEvents").style.display = 'block';
}

function rechercheMembres(){
    document.getElementById("resultRechEvents").style.display = 'none';
    document.getElementById("resultRechMembres").style.display = 'block';
}

var fenetre;
function ouvrirFenetre(url){
    fenetre = window.open(url);
    dernierLienActive = "autre";
}

function fermerFenetre(msg){
    alert(msg);
    window.close();

}

function GetId(id)
{
    return document.getElementById(id);
}
var i=false; // La variable i nous dit si la bulle est visible ou non

function move(e) {
    if(i) {  // Si la bulle est visible, on calcul en temps reel sa position ideale
       
        if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
            //   alert(e.pageX);
         
            GetId("curseur").style.left=e.pageX-100+"px";
            GetId("curseur").style.top=e.pageY-30+"px";
        }
        else {
            alert('test');
            if(document.documentElement.clientWidth > 0) {
                GetId("curseur").style.left=20+event.x+document.documentElement.scrollLeft+"px";
                GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";
            }
            else {
                alert(event.x);
                GetId("curseur").style.left=20+event.x+document.body.scrollLeft+"px";
                GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px";
            }
        }
    }
}

function montre(text) {
   
    if(i==false) {
        GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
        GetId("curseur").innerHTML = text; // on copie notre texte dans l'élément html
        i=true;
    }
}

function cache() {
    if(i==true) {
        GetId("curseur").style.visibility="hidden"; // Si la bulle est visible on la cache
        i=false;
    }
}
        

function defilementAuto(){
    numFlyer++;
    var lienFlyerPrincipal = document.getElementById('lienGrandFlyer');
    var nomSoiree;
    blocFlyer = document.getElementById('bandeauListeEvenement');
    listeFlyer = blocFlyer.getElementsByTagName('a');
    var id_event;
    if(flyerActif==""){
        flyerActif=listeFlyer[0].getElementsByTagName('div')[0].getElementsByTagName('img')[0];
        nomSoiree = listeFlyer[0].getElementsByTagName('div')[0].getAttribute('value');
        id_event = listeFlyer[0].getElementsByTagName('div')[0].getAttribute('id');
        lienFlyerPrincipal.setAttribute('href','detailEvenement.php?idEvent='+id_event);
        afficheGrdFlyer(flyerActif.getAttribute('src'),nomSoiree);
    } else {
        if(numFlyer > listeFlyer.length-1){
            numFlyer=0;
        }
        flyerActif=listeFlyer[numFlyer].getElementsByTagName('div')[0].getElementsByTagName('img')[0];
        id_event = listeFlyer[numFlyer].getElementsByTagName('div')[0].getAttribute('id');
        nomSoiree = listeFlyer[numFlyer].getElementsByTagName('div')[0].getAttribute('value');
        lienFlyerPrincipal.setAttribute('href','detailEvenement.php?idEvent='+id_event);
        afficheGrdFlyer(flyerActif.getAttribute('src'),nomSoiree);
    }
}

function afficheGrdFlyer(path_flyer,nomSoiree){
    blocFlyerPrincipal = document.getElementById('grand_Flyer');
    blocFlyerPrincipal.getElementsByTagName('img')[0].style.opacity = 0;
    blocFlyerPrincipal.getElementsByTagName('img')[0].style.MozOpacity = 0;
    blocFlyerPrincipal.getElementsByTagName('img')[0].style.filter = "alpha(opacity=" + 0 + ")";
    blocFlyerPrincipal.getElementsByTagName('img')[0].setAttribute('src',path_flyer);
    blocFlyerPrincipal.getElementsByTagName('div')[0].innerHTML = nomSoiree;
    augmenteOpacite(blocFlyerPrincipal.getElementsByTagName('img')[0],0.1);
}

function augmenteOpacite(object,opacity){
    if(opacity < 1){
        object.style.opacity = opacity;
        object.style.filter = "alpha(opacity=" + opacity + ")";
        object.style.MozOpacity = opacity;
        opacity = opacity+0.1;
        window.setTimeout(function(){
            augmenteOpacite(object,opacity)
        },100);
    }
}

function verifFormulaire(){
        var email = document.getElementById('email');
        //verification de la syntaxe de l'adresse mail
        //faire plutot avec système de regex
        var place = email.indexOf("@",1); //decoupage en partie de l'adresse tapé par rapport à @
        var point = email.indexOf(".",place+1); //decoupage en partie après @ et redecoupage par rapport au point
        //si la première partie est plus grande que 1, puis que la seconde est supérieure à 2 et qu'après le point il y ait plus de deux caractère alors ...
        if ((place > -1)&&(s.length >2)&&(point > 1)){
            alert("email valide");
        } else {
            alert("email invalide");
        }
}

var interval = setInterval('defilementAuto()',5000);

/*
 *  Fonction qui permet d'appeler le script supprMess.php en Ajax pour supprimer
 *  un message dont l'id est passé en paramètre
 *  @param id l'id de l'event
 *  @param type_msg indique si le message est de type 'envoyé' ou 'recu'
 *  @param deb_msg contient les 20 premiers caractères du messages
 */
function supprimerMess(id, type_msg, deb_msg){

    if(confirm("Etes vous sûr de vouloir supprimer le message :\n\n\
                \""+deb_msg+"(...)\"?")){
        var xhr=null;
        if (window.XMLHttpRequest) {
            xhr = new XMLHttpRequest();
        }
        else if (window.ActiveXObject)
        {
            xhr = new ActiveXObject("Microsoft.XMLHTTkP");
        }
        dernierLienActive = "autre";

        //on définit l'appel de la fonction au retour serveur
        if(type_msg == "recu"){
            xhr.onreadystatechange = function() {
                ajaxMessagerie();
            };
        }else if(type_msg == "envoye"){
            xhr.onreadystatechange = function() {
                ajaxMsgEnvoyes();
            };
        }

        //on appelle le fichier supprMess.php avec les paramètre id et type_msg
        //passés avec la variable $_GET
        xhr.open("GET", "Ajax/supprMess.php?id="+id+"&type="+type_msg, false);
        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        //Dans le cas où on utilise la variable $_GET on envoit null.
        //Si c'était la variable $_POST il aurait fallut passer en paramètre'
        //les index que l'on veut ajouter c'est à dire -> var data = id="+id+"&type="+type_msg;
        // puis xhr.send(data);
        xhr.send(null);
    }
}

function supprimerCommentaire(id, id_event, membre){
    //TODO : Utiliser la méthode POST
    if(confirm("Etes vous sûr de vouloir supprimer ce commentaire")){
        var xhr=null;
        if (window.XMLHttpRequest) {
            xhr = new XMLHttpRequest();
        }
        else if (window.ActiveXObject)
        {
            xhr = new ActiveXObject("Microsoft.XMLHTTkP");
        }

        //on définit l'appel de la fonction au retour serveur
        xhr.onreadystatechange = function() {
          
            if(xhr.readyState == 4 && xhr.status == 200){
                ajaxCommentaires(id_event, membre);
            } else{
                if(membre == 'admin'){
                    var html = "<div class='ajax-loader'><img src='../images/ajax-loader.gif'/></div>";
                    document.getElementById("content_com").innerHTML = html;
                }
            }
        };

        var fichierPhp;
        if(membre == 'admin'){
            fichierPhp = '../Ajax/supprComment.php';
        }else if(membre == 'utilisateur'){
            fichierPhp = 'Ajax/supprComment.php';
        }
        //on appelle le fichier php
        xhr.open("GET", fichierPhp+"?id="+id, true);
        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        //var donnees = "id ="+id;
        xhr.send(null);
    }
}

function supprimerNews(id){
    //TODO : Utiliser la méthode POST
    if(confirm("Etes vous sûr de vouloir supprimer cette news ?")){
        var xhr=null;
        if (window.XMLHttpRequest) {
            xhr = new XMLHttpRequest();
        }
        else if (window.ActiveXObject)
        {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }

        //on définit l'appel de la fonction au retour serveur
        xhr.onreadystatechange = function() {
            if(xhr.readyState == 4 && xhr.status == 200){
                var reponse = xhr.responseText;
                document.getElementById("content_news").innerHTML = reponse;
            } else{
                var html = "<div class='ajax-loader'><img src='../images/ajax-loader.gif'/></div>";
                document.getElementById("content_news").innerHTML = html;
            }
        };

        //on appelle le fichier php
        xhr.open("GET", "../Ajax/supprNews.php?id_news="+id, false);
        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xhr.send(null);
    }
}

/**
 * Fonction qui permet d'appeler en AJAX le fichier boiteReception.php
 * qui retourne l'ensemble des messages reçu par le membre actuellement logué
 * 
 */
function ajaxMessagerie()
{
    var xhr=null;
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour du serveur
    xhr.onreadystatechange = function() {
        //Si le serveur a répondu et que tout s'est correctement déroulé...
        if(xhr.readyState == 4 && xhr.status == 200){
            //On stock la réponse au format texte dans une variable
            var reponse = xhr.responseText;
            //On insert dans le div correspondant l'ensemble des messages à afficher
            document.getElementById('infoPers').innerHTML = reponse;
        }
        //Si le serveur n'a pas encore répondu on affiche une image loader pour
        //indiquer à l'utilisateur que le traitement est en cours.
        else{
            var html = "<div class='ajax-loader'><img src='images/ajax-loader.gif'/></div>";
            document.getElementById('infoPers').innerHTML = html;
        }
    };
    
    //on appelle le fichier php
    xhr.open("GET", "Ajax/boiteReception.php", true);
    xhr.send(null);
}

function ajaxCommentaires(id_event, membre)
{
    var xhr=null;
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() {
        if(xhr.readyState == 4 && xhr.status == 200){
            var reponse = xhr.responseText;
            if(membre == 'admin'){
                document.getElementById("content_com").innerHTML = reponse;
            }else if(membre == 'utilisateur'){
                document.getElementById("success_5").style.display = 'none';
                document.getElementById("blocCom").innerHTML = reponse;
            }
        } else{
            if(membre == 'admin'){
                var html = "<div class='ajax-loader'><img src='../images/ajax-loader.gif'/></div>";
                document.getElementById("content_com").innerHTML = html;
            }
        }
    };
    
    var fichierPhp;
    if(membre == 'admin'){
        fichierPhp = '../Ajax/commentaires.php';
    }else if(membre == 'utilisateur'){
        fichierPhp = 'Ajax/commentairesUser.php';
    }
    //on appelle le fichier php
    xhr.open("GET", fichierPhp+"?id_event="+id_event, true);
    xhr.send(null);
}

//variable qui sert à déterminer si l'utilisateur est sur la boite de réception ou sur le boite d'envoi
var dernierLienActive = null;

function ajaxBoiteReception()
{
    if(dernierLienActive == "boiteReception"){
        return ;
    }
    var xhr=null;
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() {
        alert_ajax(xhr, "infoPers");
    };
    
    //on appelle le fichier php
    xhr.open("GET", "Ajax/boiteReception.php", true);
    xhr.send(null);
    dernierLienActive = "boiteReception";
}

function ajaxMsgEnvoyes(){
    
    if(dernierLienActive == "boiteEnvoi"){
        return ;
    }
    var xhr=null;
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() {
        alert_ajax(xhr, "infoPers");
    };
    
    //on appelle le fichier php
    xhr.open("GET", "Ajax/messagesEnvoyes.php", true);
    xhr.send(null);
    dernierLienActive = "boiteEnvoi";
}

function ajaxListEvenements()
{
    var xhr=null;
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() {
        alert_ajax(xhr, "infoPers");
    };
    
    //on appelle le fichier php
    xhr.open("GET", "Ajax/evenements.php", true);
    xhr.send(null);
}

function ajaxProfil()
{
    var xhr=null;
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() {
        alert_ajax(xhr, "infoPers");
    };
    
    //on appelle le fichier php
    xhr.open("GET", "Ajax/profil.php", true);
    xhr.send(null);
}

function participants_ajax(xhr, id_event){
    var xhr=null;
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() {
        if(xhr.readyState == 4 && xhr.status == 200){
            var reponse = xhr.responseText;
            document.getElementById("participants").innerHTML = reponse;
        } else{
            var html = "<div class='ajax-loader2'><img src='images/ajax-loader.gif' /></div>";
            document.getElementById("participants").innerHTML = html;
        }
    };
    
    //on appelle le fichier php
    xhr.open("GET", "Ajax/participants.php?id_event="+id_event, true);
    xhr.send(null);
}

function alert_ajax(xhr, id){
    if(xhr.readyState == 4 && xhr.status == 200){
        var reponse = xhr.responseText;
        //    document.getElementById("avatar").style.display = 'none';
        document.getElementById(id).innerHTML = reponse;
    } else{
        var html = "<div class='ajax-loader'><img src='images/ajax-loader.gif'/></div>";
        document.getElementById(id).innerHTML = html;
    }
}

//initialisation du code
$(document).ready(function()
{
    $("#formNom").submit(function()
    {
        //recuperation de la valeur qui de l'id #inputNom
        var nom = $("#inputNom").val();
        //lancement de la requete ajax pour envoyer l'adresse dans le fichier newsletter.php qui enregistrera les nouveaux abonnés
        $.ajax({
            url: "Ajax/verifChaine.php",
            type: "POST",
            data: {
                chaine: nom,
                type: "nom"
            },
            success: function (data)
            {
                if(data == "true"){
                    $('#success_1').fadeIn(200).show();
                    $('#error_1').fadeOut(200).hide();
                    document.getElementById("infoNom").innerHTML = nom;
                }
                else{
                    $('#error_1').fadeIn(200).show();
                    $('#success_1').fadeOut(200).hide();
                }
            }
        });
        return false;
    }
    );
        
    $("#formPrenom").submit(function()
    {
        //recuperation de la valeur qui de l'id #adresse
        var prenom = $("#inputPrenom").val();
        
        //lancement de la requete ajax pour envoyer l'adresse dans le fichier newsletter.php qui enregistrera les nouveaux abonnés
        $.ajax({
            url: "Ajax/verifChaine.php",
            type: "POST",
            data: {
                chaine: prenom,
                type: "prenom"
            },
            success: function (data)
            {
                if(data == "true"){
                    $('#success_2').fadeIn(200).show();
                    $('#error_2').fadeOut(200).hide();
                    document.getElementById("infoPrenom").innerHTML = prenom;

                }
                else{
                    $('#error_2').fadeIn(200).show();
                    $('#success_2').fadeOut(200).hide();
                }
            }
        });
        return false;
    }
    );
        
    $("#formDateNaiss").submit(function()
    {
        //recuperation de la valeur qui de l'id #adresse
        var dateNaiss = $("#inputDateNaiss").val();
        //lancement de la requete ajax pour envoyer l'adresse dans le fichier newsletter.php qui enregistrera les nouveaux abonnés
        $.ajax({
            url: "Ajax/verifChaine.php",
            type: "POST",
            data: {
                chaine: dateNaiss,
                type: "datenaiss"
            },
            success: function (data)
            {
                if(data == "true"){
                    $('#success_3').fadeIn(200).show();
                    $('#error_3').fadeOut(200).hide();
                    document.getElementById("infoDateNaiss").innerHTML = dateNaiss;

                }
                else{
                    $('#error_3').fadeIn(200).show();
                    $('#success_3').fadeOut(200).hide();
                }
            }
        });
        return false;
    }
    );
    $("#formMail").submit(function()
    {
        //recuperation de la valeur qui de l'id #adresse
        var s = $("#inputMail").val();
        //
        //verification de la syntaxe de l'adresse mail
        //faire plutot avec système de regex
        var place = s.indexOf("@",1); //decoupage en partie de l'adresse tapé par rapport à @
        var point = s.indexOf(".",place+1); //decoupage en partie après @ et redecoupage par rapport au point
        //si la première partie est plus grande que 1, puis que la seconde est supérieure à 2 et qu'après le point il y ait plus de deux caractère alors ...
        if ((place > -1)&&(s.length >2)&&(point > 1))
        {
            $.ajax({
                url: "Ajax/verifChaine.php",
                type: "POST",
                data: {
                    chaine: s,
                    type: "mail"
                },
                success: function (data)
                {
                    if(data == "true"){
                        $('#success_4').fadeIn(200).show();
                        $('#error_4').fadeOut(200).hide();
                        document.getElementById("infoMail").innerHTML = s;

                    }
                    else{
                        $('#error_4').fadeIn(200).show();
                        $('#success_4').fadeOut(200).hide();
                    }
                }
            });
        //document.getElementById("formnewsletter").innerHTML=data;
        }
        else{
            $('#error_4').fadeIn(200).show();
            $('#success_4').fadeOut(200).hide();
        }
        return false;
    });
    $("#formComment").submit(function()
    {
        //recuperation de la valeur qui de l'id #Comment
        var s = $("#inputComment").val();
        var idEvent = $('#id_event').val();
        //Si le commentaire n'est pas vide
        if(s.length !=0){
            $.ajax({
                url: "Ajax/verifChaine.php",
                type: "POST",
                data: {
                    chaine: s,
                    type: "comment",
                    id: idEvent
                },
                success: function (data)
                {
                    if(data != "false"){
                        $('#success_5').fadeIn(200).show();
                        $('#error_5').fadeOut(200).hide();
                        document.getElementById('blocCom').innerHTML = data;
                    }
                    else{
                        $('#error_5').fadeIn(200).show();
                        $('#success_5').fadeOut(200).hide();
                    }
                }
            });
        //document.getElementById("formnewsletter").innerHTML=data;
        }
        else{
            $('#error_5').fadeIn(200).show();
            $('#success_5').fadeOut(200).hide();
        }
        return false;
    });
    $("#formDJ").submit(function()
    {
        var idEvent = $('#idEvent').val();
        ajaxAssocierDJ(idEvent);
    });
}
);

function entourerEvent(id){
    evenementSurvole = document.getElementById(id);
    evenementSurvole.className = "survole";
}

function detourerEvent(id){
    evenementSurvole = document.getElementById(id);
    evenementSurvole.className = "event";
}

function supprimerUtilisateur(login){
    //TODO : Utiliser la méthode POST
    if(confirm("Etes vous sûr de vouloir supprimer cet utilisateur")){
        var xhr=null;
        if (window.XMLHttpRequest) {
            xhr = new XMLHttpRequest();
        }
        else if (window.ActiveXObject)
        {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }

        //on définit l'appel de la fonction au retour serveur
        xhr.onreadystatechange = function() {
            if(xhr.readyState == 4 && xhr.status == 200){
                var reponse = xhr.responseText;
                document.getElementById("content_util").innerHTML = reponse;
            } else{
                var html = "<div class='ajax-loader'><img src='../images/ajax-loader.gif'/></div>";
                document.getElementById("content_util").innerHTML = html;
            }
        };
       
        //on appelle le fichier php
        xhr.open("GET", "../Ajax/supprUtil.php?login="+login, false);
        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        //var donnees = "login ="+login;
        xhr.send(null);
    }
}

function supprimerDJ(id){
    //TODO : Utiliser la méthode POST
    if(confirm("Etes vous sûr de vouloir supprimer ce DJ")){
        var xhr=null;
        if (window.XMLHttpRequest) {
            xhr = new XMLHttpRequest();
        }
        else if (window.ActiveXObject)
        {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }

        //on définit l'appel de la fonction au retour serveur
        xhr.onreadystatechange = function() {
            if(xhr.readyState == 4 && xhr.status == 200){
                var reponse = xhr.responseText;
                document.getElementById("content_dj").innerHTML = reponse;
            } else{
                var html = "<div class='ajax-loader'><img src='../images/ajax-loader.gif'/></div>";
                document.getElementById("content_dj").innerHTML = html;
            }
        };
       
        //on appelle le fichier php
        xhr.open("GET", "../Ajax/supprDJ.php?id_dj="+id, false);
        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        //var donnees = "id_dj="+id;
        xhr.send(null);
    }
}

function supprimerEvenement(id){
    //TODO : Utiliser la méthode POST
    if(confirm("Etes vous sûr de vouloir supprimer cet evenement ?")){
        var xhr=null;
        if (window.XMLHttpRequest) {
            xhr = new XMLHttpRequest();
        }
        else if (window.ActiveXObject)
        {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }

        //on définit l'appel de la fonction au retour serveur
        xhr.onreadystatechange = function() {
            if(xhr.readyState == 4 && xhr.status == 200){
                var reponse = xhr.responseText;
                document.getElementById("content_event").innerHTML = reponse;
            } else{
                var html = "<div class='ajax-loader'><img src='../images/ajax-loader.gif'/></div>";
                document.getElementById("content_event").innerHTML = html;
            }
        };

        //on appelle le fichier php
        xhr.open("GET", "../Ajax/supprEvenement.php?id_event="+id, false);
        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xhr.send(null);
    }
}

function participerEvenement(id_event, participe){
    //TODO : Utiliser la méthode POST
    var xhr=null;
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }

    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() {
        if(xhr.readyState == 4 && xhr.status == 200){
            var reponse = xhr.responseText;
            if (reponse == 'true'){
                if(participe == 'participe'){
                    var html = "<a style='color:red' href=\"javascript:participerEvenement('"+id_event+"', 'participe plus')\" />Je ne viens plus</a>";
               
                }else{
                    var html = "<a style='color:green' href=\"javascript:participerEvenement('"+id_event+"', 'participe')\" />Je viens ! </a>";
               
                }
                document.getElementById("participer").innerHTML = html;
                participants_ajax(xhr, id_event);
            }
            
        }
    };
       
    //on appelle le fichier php
    if(participe == 'participe'){
        xhr.open("GET", "Ajax/participerEvenement.php?id_event="+id_event, false);
    }else{
        xhr.open("GET", "Ajax/nePlusParticiperEvenement.php?id_event="+id_event, false);
    }
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhr.send(null);
    
}

function retirerDJEvent(id_dj,id_event){
    //TODO : Utiliser la méthode POST
    if(confirm("Etes-vous sûr de vouloir déprogrammer ce DJ ?")){
        var xhr=null;
        if (window.XMLHttpRequest) {
            xhr = new XMLHttpRequest();
        }
        else if (window.ActiveXObject)
        {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }

        //on définit l'appel de la fonction au retour serveur
        xhr.onreadystatechange = function() {
            if(xhr.readyState == 4 && xhr.status == 200){
                var reponse = xhr.responseText;
                document.getElementById("content_dj").innerHTML = reponse;
            } else{
                var html = "<div class='ajax-loader'><img src='../images/ajax-loader.gif'/></div>";
                document.getElementById("content_dj").innerHTML = html;
            }
        };

        //on appelle le fichier php
        xhr.open("GET", "../Ajax/retirerDJEvenement.php?id_dj="+id_dj+"&id_event="+id_event, false);
        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xhr.send(null);
    }
}

function ajaxAssocierDJ(id_event){
    //TODO : Utiliser la méthode POST
    var xhr=null;
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }

    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() {
        if(xhr.readyState == 4 && xhr.status == 200){
            var reponse = xhr.responseText;
            document.getElementById("content_dj").innerHTML = reponse;
        } else{
            var html = "<div class='ajax-loader'><img src='../images/ajax-loader.gif'/></div>";
            document.getElementById("content_dj").innerHTML = html;
        }
    };
    var indexDJ = document.getElementById('inputDJ');
    var idDj = indexDJ.options[indexDJ.selectedIndex].value;
    //on appelle le fichier php
    xhr.open("GET", "../Ajax/associerDJEvenement.php?id_dj="+idDj+"&id_event="+id_event, true);
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhr.send(null);
}
